<!DOCTYPE html>
<html>

    <head>
        <meta charset='utf-8'>
        <title>亲亲网-精品团购</title>
        <link href="css/index.css" rel="stylesheet" type="text/css" />
        <link rel="shortcut icon" href="img/favicon.ico" />
        <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
        <script type="text/javascript" src="js/js.js"></script>
        <script src="js/Object.js"></script>
    </head>

    <body>
        <!-- 窗口右边导航栏 -->
        <div class="rightNav">
            <div class="rightNavIn">
                <div class="rnLoginIcon">
                    <div class="userLogin">
                        <img src="img/default_user_portrait.gif" width="30" height="30" />
                        <p>未登录</p>
                    </div>

                    <div class="loginWindow">
                        登录名<br />
                        <input type="text" /><br /><br /> 登录密码&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <a href="javascript:;">忘记登录密码？</a><br />
                        <input type="text" /><br /><br /><br />
                        <input class="ok" type="submit" value="确认" /><br />
                        <a href="javascript:;" class="register">注册新用户</a>
                        <a href="javascript:;" class="x">X</a>
                    </div>
                </div>

                <ul>
                    <li>
                        <a href="javascript:;"></a>
                        <i>聊天</i>
                    </li>
                    <li>
                        <a href="javascript:;"></a>
                        <i>购物车</i>
                    </li>
                    <li>
                        <a href="javascript:;"></a>
                        <i>客服</i>
                    </li>
                    <li>
                        <a href="javascript:;"></a>
                        <i>顶部</i>
                    </li>
                </ul>
                <div class="closeX"></div>
            </div>
        </div>

        <div class="navImg">
            <img src="img/zcjs.png" width="143" height="378" />
            <button>关闭</button>
        </div>

        <!-- 头部-->
        <div class="header">
            <div class="headerIn">
                <div class="hiLeft">
                    <span>您好，欢迎来到</span>
                    <a href="javascript:;">亲亲网</a>
                    <a href="javascript:;">[登录]</a>
                    <a href="javascript:;">[注册]</a>
                </div>
                <div class="hiRight">
                    <ul class="demo">
                        <li id="li01">
                            <a href="#">我的订单</a>
                            <ul id="ul01">
                                <li>
                                    <a href="#">待付款订单</a>
                                </li>
                                <li>
                                    <a href="#">待确认收货</a>
                                </li>
                                <li>
                                    <a href="#">待评价交易</a>
                                </li>
                            </ul>
                        </li>
                        <li id="li02">
                            <a href="#"> 我的收藏</a>
                            <ul id="ul02">
                                <li>
                                    <a href="#">品牌收藏</a>
                                </li>
                                <li>
                                    <a href="#">店铺收藏</a>
                                </li>
                            </ul>

                        </li>
                        <li id="li03">
                            <a href="#">客户服务</a>
                            <ul id="ul03">
                                <li>
                                    <a href="#">帮助中心</a>
                                </li>
                                <li>
                                    <a href="#">售后服务</a>
                                </li>
                                <li>
                                    <a href="#">客服中心</a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <!-- logo -->
        <div class="logo">
            <div class="logoIn">
                <div class="logoLeft">
                    <h1><a href="index.html" title="亲亲网"><img src="img/logo.png" width="186" height="60" />亲亲网</a></h1>
                </div>
                <div class="logoCenter">
                    <div class="lcTop">
                        <input type="text" placeholder="请输入您要搜索的关键字" />
                        <a href="#">搜索</a>
                    </div>
                    <div class="lcBottom">
                        <p>热门搜索：</p>
                        <ul>
                            <li>
                                <a href="javascript:;">保湿</a>
                            </li>
                            <li>
                                <a href="javascript:;">面膜</a>
                            </li>
                            <li>
                                <a href="javascript:;">洁面</a>
                            </li>
                            <li>
                                <a href="javascript:;">补水</a>
                            </li>
                            <li>
                                <a href="javascript:;">香水</a>
                            </li>
                            <li>
                                <a href="javascript:;">眼霜</a>
                            </li>
                            <li>
                                <a href="javascript:;">唇膏</a>
                            </li>
                            <li>
                                <a href="javascript:;">BB霜</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="logoRight">
                    <ul>
                        <li>
                            <a href="javasscript:;" class="myShangCheng">
                                <span></span> 我的商城
                                <i></i>
                            </a>
                            <div class="scIn">
                                <span><a href="javascript:;">我的用户中心></a></span>
                                <div class="ciLi">
                                    <ul>
                                        <li>
                                            <a href="javascript:;">站内消息(0)</a>
                                        </li>
                                        <li>
                                            <a href="javascript:;">资讯回复(0)</a>
                                        </li>
                                        <li>
                                            <a href="javascript:;">代金券(0)</a>
                                        </li>
                                    </ul>
                                    <ul>
                                        <li>
                                            <a href="javascript:;">我的订单 >></a>
                                        </li>
                                        <li>
                                            <a href="javascript:;">我的收藏 >></a>
                                        </li>
                                        <li>
                                            <a href="javascript:;">我的积分 >></a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </li>
                        <li>
                            <!-- 购物车结算  -->
                            <a href="javasscript:;" class="myGouWuChe">
                                <span></span> 购物车结算
                                <i></i>
                            </a>
                            <div class="gwcIn">
                                <span>最新加入的商品</span>
                                <p>您的购物车中暂无商品，赶快选择心爱的商品吧！</p>
                                <div class="gwcGray">
                                    <div class="ggBtn">
                                        <a href="javascript:;">结算购物车中的商品</a>
                                    </div>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <!-- 导航-->
        <div class="nav">
            <div class="navIn">
                <div class="niLeft">
                    <h3>所有分类商品</h3>
                    <img src="img/arrow_down.png" />
                </div>
                <div class="niCenter">
                    <a href="index.html">首页</a>
                    <a href="list-boutiqueGroup.html" class="current">精品团购</a>
                    <a href="list-brandSale.html">品牌特卖</a>
                    <a href="list-overseasDirectMail.html" id="ncIcon">海外直邮
                        <img src="img/ico_hot.gif" width="21" height="13" />
                    </a>
                </div>
                <div class="niRight">
                    <a href="javascript:;" class="nr_01">
                        <i></i>
                        <span>自营美妆198包邮</span>
                    </a>
                    <a href="javascript:;" class="nr_02">
                        <i></i>
                        <span>30天无理由退货</span>
                    </a>
                    <a href="javascript:;" class="nr_03">
                        <i></i>
                        <span>100%正品保证</span>
                    </a>
                    <a href="javascript:;" class="nr_04">
                        <i></i>
                        <span>中华财险承保</span>
                    </a>
                </div>
            </div>
        </div>

        <!-- banner -->
        <div class="banner">
            <div class="bannerIn">
                <ul>
                    <li>
                        <div class="img01"></div>
                    </li>
                    <li>
                        <div class="img02"></div>
                    </li>
                </ul>
            </div>
        </div>

        <!-- 产品列表-->
        <div class="con">
            <div class="conTop">
                <a href="javascript:;" class="special"><b>全部</b></a>
                <a href="javascript:;"><b>护肤</b></a>
                <a href="javascript:;"><b>彩妆</b></a>
                <a href="javascript:;"><b>护肤</b></a>
                <a href="javascript:;"><b>服装</b></a>
                <a href="javascript:;"><b>鞋靴</b></a>
                <a href="javascript:;"><b>包包</b></a>
                <a href="javascript:;"><b>配饰</b></a>
                <a href="javascript:;" class="a01"><b class="ing">正在进行</b></a>
                <a href="javascript:;" class="a01"><b>即将开始</b></a>
                <a href="javascript:;" class="a01"><b>已经结束</b></a>
            </div>
            <div class="conCenter">
                <dl>
                    <dt>价格：</dt>
                    <dd class="select">
                        <a href="javascript:;">不限</a>
                    </dd>
                    <dd>
                        <a href="javascript:;">0-50元</a>
                    </dd>
                    <dd>
                        <a href="javascript:;">50-100元</a>
                    </dd>
                    <dd>
                        <a href="javascript:;">100-200元</a>
                    </dd>
                    <dd>
                        <a href="javascript:;">200-300元</a>
                    </dd>
                    <dd>
                        <a href="javascript:;">300元以上</a>
                    </dd>
                </dl>
                <dl class="sort">
                    <dt>排序：</dt>
                    <dd class="select">
                        <a href="javascript:;">默认</a>
                    </dd>
                    <dd>
                        <a href="javascript:;">价格</a>
                    </dd>
                    <dd>
                        <a href="javascript:;">折扣</a>
                    </dd>
                    <dd>
                        <a href="javascript:;">销量</a>
                    </dd>
                </dl>
            </div>
            <div class="conBottomT" id='container'>
                
            </div>
            <div class="page">
                <div class="page">
                    <ul id="pageList">
                    </ul>
                </div>
            </div>
        </div>

    </body>

</html>